<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Signin</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
    <script src="../js/bootstrap.js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/bootstrap.js/bootstrap.bundle.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/bootstrap.js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="../css/bootstrap/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="../css/font-awesome-4.7.0/css/font-awesome.min.css"/>
    <style type="text/css">
        body{
            background: rgba(155,138,255,0.13);
            margin: 0;
        }
        .form-signin{
            width: 300px;
            height: 240px;
            text-align: center;
            position: absolute;
            left: 50%;
            top: 50%;
            margin: -125px -150px;
            border: 1px solid black;
            border-radius: 10px;
            background: darkslategray;
            color: white;
            padding: 10px;
        }
    </style>
</head>
<body>
<form class="form-signin">
    <h1 class="text-center">Signin</h1>
    <label for="InputAccount" class="sr-only">Account</label>
    <input type="text" class="form-control my-1" placeholder="Account" required>
    <label for="InputPassword" class="sr-only">Password</label>
    <input type="password" class="form-control my-1" placeholder="Password" required>
    <div class="checkbox text-left">
        <label>
            <input type="checkbox" value="remember me">
            Remember me
        </label>
    </div>
    <!--<div class="d-flex justify-content-around">-->
        <input name="submit" type="submit" class="btn btn-primary mr-2" value="OK">
        <input type="reset" class="btn btn-danger position-relative" value="NO">
    <!--</div>-->
    <a href="practiceNavbar.html" role="button" class="btn-sm btn-outline-success position-absolute ml-2 mt-1">Sign up?</a>
</form>
<script>

</script>
</body>
</html>
